<template>
  <div>
    <div class="header">
      <div class="open">
        <spen
          v-if="!isCollapse"
          class="iconfont icon-shouye"
          @click="changMenu"
        ></spen>
        <spen v-else class="iconfont icon-shouye2" @click="changMenu"></spen>
      </div>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  props: ["isCollapse"],
  methods: {
    changMenu() {
      this.$emit("changeShow");
    },
  },
};
</script>

<style lang="less" scoped>
.header {
  height: 50px;
  width: 1350px;
  background: rgb(19, 0, 0);
  color: #fff;
  height: 40px;
  position: fixed;
  top: 0;
  width: 100%;
  .open {
    .iconfont {
      font-size: 30px;
      cursor: pointer;
    }
  }
}
</style>
